﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>邯郸市公安局峰峰矿区分局</title>
    <!-- <link rel="stylesheet" href="./css/reset.css"> -->
    <link rel="stylesheet" href="./css/detail.css">
    <link rel="stylesheet" href="./css/zhiban.css">
    <link rel="stylesheet" href="./css/page.css">

    <script src="./libs/jquery-1.9.1.min.js"></script>
    <script src="./libs/jquery.jDiaporama.js"></script>
    <script src="./libs/jquery.SuperSlide.2.1.1.js"></script>
    <script src="./libs/jquery.getParame.js"></script>
    <script src="./libs/jrender.min.js"></script>
    <script src="./js/config.js"></script>
    <script src="./libs/paging.js"></script>
    <script src="./libs/Calendar.js"></script>
    <!-- <script src="../config.js"></script> -->
    <!--[if IE 7]>
            <link rel="stylesheet" href="css/ie7.css">
    <![endif]-->
    <!--[if IE 8]>
            <link rel="stylesheet" href="css/ie8.css">
    <![endif]-->
    <!-- CSS goes in the document HEAD or added to your external stylesheet -->
    <style type="text/css">
        table.gridtable {
            font-family: verdana, arial, sans-serif;
            font-size: 11px;
            color: #333333;
            border-width: 1px;
            border-color: #666666;
            border-collapse: collapse;
            margin: 0px auto;
            margin-top: 30px;
        }

        table.gridtable th {
            border-width: 1px;
            padding: 8px;
            border-style: solid;
            border-color: #666666;
            background-color: #dedede;
        }

        table.gridtable td {
            border-width: 1px;
            padding: 8px;
            border-style: solid;
            border-color: #666666;
            background-color: #ffffff;
        }
    </style>
</head>

<body>
     <!-- 背景 -->
    <div class="s-bg-box">
        <img class="bg-img-1" src="./images/bg/bg-1.jpg" alt="">
        <img class="bg-img-2" style="display:none" src="./images/bg/bg-2.jpg" alt="">
        <img class="bg-img-3" style="display:none" src="./images/bg/bg-3.jpg" alt="">
        <img class="bg-img-4" style="display:none" src="./images/bg/bg-4.jpg" alt="">
    </div>

    <script>
        $(function () {
            
            var i = 1;
            setInterval(function () {
                $('.s-bg-box').fadeOut('slow', function () {
                    $('.bg-img-'+i).hide();
                    i++;
                    if (i >= 5) {
                       i = 1;
                   }
                    $('.bg-img-'+i).show();

                    // $('.s-bg-box img').attr('src', './images/bg/bg-' + i + '.jpg');
                    $('.s-bg-box').fadeIn('slow');
                });
            }, 12000);
        });
    </script>


    <div class="s-content-box">

        <!-- 头部 -->
        <div class="s-header-box">
            <div class="s-logo-box"></div>
        </div>


        <!-- nav模板引擎 -->
        <script type="text/x-jsrender" id="nav-specCard">
            {{for return_body}} {{if #getIndex()
            <11}} <li class="" lmid="{{:content}}">
                <a href="{{:url}}" target="_blank">{{:title}}</a>
                </li>
                {{/if}} {{/for}}
        </script>

        <!-- nav -->
        <div class="s-nav-box">
            <ul class="left-box" id="nav-box">
                <li class="active">
                    <a href="">加载中...</a>
                </li>

            </ul>
            <div class="search-input-box">
                <input type="text" id="search-input" class="search-input" placeholder="站内搜索" />
                <div class="search-btn"></div>
            </div>
            <label for="search-input" class="search-lable">站内搜索</label>
            <script>
                $('.search-btn').on('click', function () {
                    var search_val = $('#search-input').val();
                    if (!search_val) {
                        return;
                    }
                    $('#search-input').val('');
                    window.open(encodeURI('/app/search.html?title=' + search_val));

                });
            </script>
        </div>


        <!-- 内容1部分 -->
        <div class="s-model-content-box">
            <div class="s-insert-content-box">
                <div class="s-top-box">
                    <span class="line"></span>
                    当前位置:
                    <a href="/app/">首页</a>
                    &gt;&gt;

                    <a href="#">通讯录</a>

                </div>
                <div class="dished-line"></div>

                
                <div class="g-zbtable-box">
                    <div class="g-table-ul-box">
                        <div class="g-table-title">
                            <div class="g-table-title-div">标题</div>
                            <div class="g-table-title-div">下载Excel</div>
                            <div class="g-table-title-div">上传时间</div>
                        </div>
                        <ul id="page-box" class="g-table-ul">
                            加载中...
                            <!-- <li>
                                <div class="g-table-li-div">
                                    加载中.. 加载中.. 加载中.. . 加载中.. . 加载中..
                                </div>
                                <div class="g-table-li-div" style="color:#115fc2">
                                    [下载]
                                </div>
                                <div class="g-table-li-div">
                                    加载中...1
                                </div>
                            </li>
                            <li>
                                <span class="dolt"></span>
                                <div class="g-table-li-div">
                                    加载中...
                                </div>
                                <div class="g-table-li-div" id="operate" style="color:#115fc2">
                                    [查看内容]
                                </div>
                                <div class="g-table-li-div">
                                    加载中...
                                </div>
                            </li> -->


                        </ul>

                        <script type="text/x-jsrender" id="page-specCard">
                            {{for return_body}}
                            <li>
                                <div class="g-table-li-div">
                                    {{:title}}
                                </div>
                                {{if type == 2}}
                                <div class="g-table-li-div" style="color:#115fc2">
                                    {{if content == ""}}
                                        [文件不存在]
                                    {{else}}
                                        <a href="{{:content}}">[下载]</a>
                                    {{/if}}
                                </div>
                                {{/if}}
                                <div class="g-table-li-div">
                                    {{:regtimeToString}}
                                </div>
                            </li>
                            {{/for}}
                        </script>

                    </div>


                    <div id="page" class="page_div"></div>
                </div>

                <!-- <div class="g-showContent">

                   
                </div> -->
                <div style="clear:both"></div>
            </div>




        </div>

    </div>

    <script>
        $(function () {
            // $('.g-showContent').hide();
            $(".ke-insertfile").text("[下载]");
            ajaxPage(1);

            function ajaxPage(num) {
                $.ajax({
                    url: $.webConfig.apiUrl + "zbtable/queryzbtable",
                    type: "POST",
                    data: {
                        type:2,
                        rows: 18,
                        page: num
                    },
                    dataType: "json",
                    success: function (data) {

                        //获取模板
                        var jsRenderPage = $.templates('#page-specCard');
                        //末班与数据结合
                        var finalPage = jsRenderPage(data);
                        $('#page-box').html(finalPage);

                        //分页
                        $("#page").paging({
                            pageNo: num,
                            totalPage: Math.ceil(data.return_count / 18),
                            totalSize: data.return_count,
                            callback: function (num) {
                                ajaxPage(num)
                            }
                        })
                    }
                })
            }

        })


    </script>


    </div>

    <!-- footer -->
    <div class="s-footer-box">
        <div class="s-footer-logo"></div>

        <!-- footer模板引擎 -->
        <script type="text/x-jsrender" id="footer-specCard">
            <p class="s-footer-content1">
                <span class="left">版权所有: {{:bqsy}}</span>
                <span class="right">地址：{{:dz}}</span>
            </p>
            <p class="s-footer-content2">
                <span class="left">负责人：{{:fzr}}</span>
                <span class="right">维护人：{{:whr}}</span>
            </p>
            <p class="s-footer-content2">
                <span class="left">电话：{{:dh}}</span>
                <span class="right">报警电话：{{:bjdh}}</span>
            </p>

            <p class="s-footer-content2">
                <a href="/app/IE8cn_XP.exe" style="text-decoration:none;color:#fff">【IE浏览器下载】</a>
                <a href="/app/login.html" style="text-decoration:none;color:#fff" target="_blank">| 后台链接</a>
            </p>

            <div class="s-footer-content3">
                <span class="text">
                    <!-- {{:bah}} -->
                </span>
            </div>

            <!-- footerlogo -->
            <!-- <div class="s-footer-icon">
                <div class="s-footer-icon-1"></div>
                <div class="s-footer-icon-2"></div>
            </div> -->
        </script>


        <div class="s-footer-content-box" id="footer-box">

            <p class="s-footer-content1">
                <span class="left">版权所有: 加载中...</span>
                <span class="right">地址：加载中...</span>
            </p>
            <p class="s-footer-content2">
                <span class="left">负责人：加载中...</span>
                <span class="right">维护人：加载中...</span>
            </p>
            <p class="s-footer-content2">
                <span class="left">电话：加载中...</span>
                <span class="right">报警电话：加载中...</span>
            </p>

            <p class="s-footer-content2">
                <a href="/app/IE8cn_XP.exe" style="text-decoration:none;color:#fff">【IE浏览器下载】</a>
                <a href="/app/login.html" style="text-decoration:none;color:#fff" target="_blank">| 后台链接</a>
            </p>

            <div class="s-footer-content3">
                <span class="text">
                     
                </span>
            </div>

            <!-- footerlogo -->
            <!-- <div class="s-footer-icon">
                <div class="s-footer-icon-1"></div>
                <div class="s-footer-icon-2"></div>
            </div> -->


        </div>




    </div>
</body>
<script src="./js/common.js"></script>

</html>